<!--月经史-->
<div class="td-patient-me-medical-record-menstrual-history">
    <mt-cell title="首次月经">
        <el-date-picker type="month" v-model="params.FirstDate" @change="getFirstDate" style="width:110px;border:none !important;" size="mini" @focus="focusCheckTime" placeholder="请选择" format="yyyy-MM" value-format="yyyy-MM"></el-date-picker>
    </mt-cell>
    <mt-cell title="首次月经年龄" :value="params.FirstAge"></mt-cell>
    <mt-cell title="是否闭经">
        <div class="mint-radio-group">
            <el-radio-group size="mini" v-model="params.IsAmenorrhea">
                <el-radio-button label="1">闭经</el-radio-button>
                <el-radio-button label="0">未闭经</el-radio-button>
            </el-radio-group>
        </div>
    </mt-cell>

    <mt-cell title="闭经年月" v-if="params.IsAmenorrhea==='1'">
        <el-date-picker type="month" v-model="params.AmenorrheaDate" style="width:110px;border:none !important;" size="mini" @focus="focusCheckTime" placeholder="请选择" format="yyyy-MM" value-format="yyyy-MM"></el-date-picker>
    </mt-cell>

    <mt-cell title="月经期" v-if="params.IsAmenorrhea==='0'" :value="`${params.MaxTime}天/${params.MinTime}天`" is-link @click.native="showTime=true"></mt-cell>
    <mt-cell title="月经期是否规律" v-if="params.IsAmenorrhea==='0'">
        <div class="mint-radio-group">
            <el-radio-group size="mini" v-model="params.IsRegular">
                <el-radio-button label="0">规律</el-radio-button>
                <el-radio-button label="1">不规律</el-radio-button>
            </el-radio-group>
        </div>
    </mt-cell>
    <mt-cell title="月经周期" v-if="params.IsAmenorrhea==='0'" :value="`${params.Cycle_MaxTime}天/${params.Cycle_MinTime}天`" is-link @click.native="showCycle=true"></mt-cell>
    <mt-cell title="月经周期是否规律" v-if="params.IsAmenorrhea==='0'">
        <div class="mint-radio-group">
            <el-radio-group size="mini" v-model="params.Cycle_IsRegular">
                <el-radio-button label="0">规律</el-radio-button>
                <el-radio-button label="1">不规律</el-radio-button>
            </el-radio-group>
        </div>
    </mt-cell>
    <mt-cell title="末次月经日期" v-if="params.IsAmenorrhea==='0'">
        <el-date-picker v-model="params.LastDate" style="width:130px;border:none !important;" :editable="false" size="mini" type="date" @focus="focusCheckTime" placeholder="请选择" format="yyyy-MM-dd" value-format="yyyy-MM-dd"></el-date-picker>
    </mt-cell>

    <div class="btn">
        <el-button size="mini" @click.native="btnPrev();">上一步</el-button>
        <el-button size="mini" type="primary" @click.native="btnSubmit();">保存</el-button>
        <el-button size="mini" @click.native="btnSubmit('');">下一步</el-button>
    </div>


    <mt-popup v-model="showTime" position="bottom" class="mint-popup-box">
        <mt-header title="月经期">
            <mt-button slot="right" @click.native="showTime=false">关闭</mt-button>
        </mt-header>
        <el-row>
            <el-col :span="12">
                <h2>最大</h2>
                <div class="list-box">
                    <mt-radio :options="MaxTimeList" v-model="params.MaxTime" @change="getMaxTime"></mt-radio>
                </div>
            </el-col>
            <el-col :span="12">
                <h2>最小</h2>
                <div class="list-box">
                    <mt-radio :options="MinTimeList" v-model="params.MinTime" @change="getMinTime"></mt-radio>
                </div>
            </el-col>
        </el-row>
    </mt-popup>

    <mt-popup v-model="showCycle" position="bottom" class="mint-popup-box">
        <mt-header title="月经周期">
            <mt-button slot="right" @click.native="showCycle=false">关闭</mt-button>
        </mt-header>
        <el-row>
            <el-col :span="12">
                <h2>最大</h2>
                <div class="list-box">
                    <mt-radio :options="MaxCycleTimeList" v-model="params.Cycle_MaxTime" @change="getMaxCycleTime"></mt-radio>
                </div>
            </el-col>
            <el-col :span="12">
                <h2>最小</h2>
                <div class="list-box">
                    <mt-radio :options="MinCycleTimeList" v-model="params.Cycle_MinTime" @change="getMinCycleTime"></mt-radio>
                </div>
            </el-col>
        </el-row>
    </mt-popup>
</div>